<!DOCTYPE html>
<!-- saved from url=(0033)https://eisman.github.io/neo4jd3/ -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <title>neo4jd3.js</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/neo4jd3.min.css">
    <style>
        body,
        html,
        .neo4jd3 {
            height: 100%;
            overflow: hidden;
        }
    </style>
</head>
<body>
<div id="neo4jd3" class="neo4jd3"></div>

<!-- Scripts -->
<script src="js/jquery.js"></script>
<script src="js/twemoji.min.js"></script>
<script src="js/d3.min.js"></script>
<script src="js/neo4jd3.js"></script>

<script type="text/javascript">
    function init() {
        var neo4jd3 = new Neo4jD3('#neo4jd3', {
            highlight: [
                {
                    class: 'Project',
                    property: 'name',
                    value: 'neo4jd3'
                }, {
                    class: 'User',
                    property: 'userId',
                    value: 'eisman'
                }
            ],
            icons: {
//                        'Address': 'home',
                'Api': 'gear',
//                        'BirthDate': 'birthday-cake',
                'Cookie': 'paw',
//                        'CreditCard': 'credit-card',
//                        'Device': 'laptop',
                'Email': 'at',
                'Git': 'git',
                'Github': 'github',
                'Google': 'google',
//                        'icons': 'font-awesome',
                'Ip': 'map-marker',
                'Issues': 'exclamation-circle',
                'Language': 'language',
                'Options': 'sliders',
                'Password': 'lock',
                'Phone': 'phone',
                'Project': 'folder-open',
                'SecurityChallengeAnswer': 'commenting',
                'User': 'user',
                'zoomFit': 'arrows-alt',
                'zoomIn': 'search-plus',
                'zoomOut': 'search-minus'
            },
            images: {
                'Address': 'img/twemoji/1f3e0.svg',
//                        'Api': 'img/twemoji/1f527.svg',
                'BirthDate': 'img/twemoji/1f382.svg',
                'Cookie': 'img/twemoji/1f36a.svg',
                'CreditCard': 'img/twemoji/1f4b3.svg',
                'Device': 'img/twemoji/1f4bb.svg',
                'Email': 'img/twemoji/2709.svg',
                'Git': 'img/twemoji/1f5c3.svg',
                'Github': 'img/twemoji/1f5c4.svg',
                'icons': 'img/twemoji/1f38f.svg',
                'Ip': 'img/twemoji/1f4cd.svg',
                'Issues': 'img/twemoji/1f4a9.svg',
                'Language': 'img/twemoji/1f1f1-1f1f7.svg',
                'Options': 'img/twemoji/2699.svg',
                'Password': 'img/twemoji/1f511.svg',
//                        'Phone': 'img/twemoji/1f4de.svg',
                'Project': 'img/twemoji/2198.svg',
                'Project|name|neo4jd3': 'img/twemoji/2196.svg',
//                        'SecurityChallengeAnswer': 'img/twemoji/1f4ac.svg',
                'User': 'img/twemoji/1f600.svg'
//                        'zoomFit': 'img/twemoji/2194.svg',
//                        'zoomIn': 'img/twemoji/1f50d.svg',
//                        'zoomOut': 'img/twemoji/1f50e.svg'
            },
            minCollision: 60,
            neo4jDataUrl: 'services/app-zonghe/api/example/neo4j_dataformat/relationships/YYY联合',
            nodeRadius: 25,
            onNodeDoubleClick: function (node) {
                switch (node.id) {
                    case '25':
                        // Google
                        window.open(node.properties.url, '_blank');
                        break;
                    default:
                        console.log(node, '444444444444444444444444444')

                        // var maxNodes = 5,
                        //     data = neo4jd3.randomD3Data(node, maxNodes);
                        // console.log("data..................", data)
                        // neo4jd3.updateWithD3Data(data);
                        // console.log("data.2222222222222222.................", data)

                        // $.getJSON('/api/example/neo4j_dataformat/relationships/ZZZ联合?a.id.valueType=long&a.id.equals='+node.id, function(fff) {
                        $.getJSON('services/app-zonghe/api/example/neo4j_dataformat/relationships/ZZZ联合', function(fff) {
                            console.log("ffffffffffffffffffff", fff)
                            ggg = neo4jd3.neo4jDataToD3Data(fff)
                            // //去除重复的点和线
                            // for(var i = 0;i<ggg.nodes.length;i++){  //循环LIST
                            //     var temp_node = ggg.nodes[i];//获取LIST里面的对象
                            //     if (temp_node.id === node.id) {
                            //         ggg.nodes.splice(i,1)
                            //         i--;
                            //     }
                            // }
                            console.log("ggggggggggggggggg", ggg)
                            neo4jd3.updateWithD3Data(ggg);

                            // neo4jd3.updateWithNeo4jData(fff);
                            }
                        )

                        // postdata = {
                        //     where: {
                        //         bool_and: [
                        //             {
                        //                 bool_or: []
                        //             }
                        //         ]
                        //     }
                        // };
                        // $.post('/api/example/neo4j_dataformat/relationships/ZZZ联合/_search',
                        //     {
                        //         username: 'admin',
                        //         password: '123'
                        //     },
                        //     function (fff) {
                        //         console.log("ffffffffffffffffffff", fff)
                        //         ggg = neo4jd3.neo4jDataToD3Data(fff)
                        //         //去除重复的点和线
                        //         for (var i = 0; i < ggg.nodes.length; i++) {  //循环LIST
                        //             var temp_node = ggg.nodes[i];//获取LIST里面的对象
                        //             if (temp_node.id === node.id) {
                        //                 ggg.nodes.splice(i, 1)
                        //                 i--;
                        //             }
                        //         }
                        //         console.log("ggggggggggggggggg", ggg)
                        //         neo4jd3.updateWithD3Data(ggg);
                        //
                        //         // neo4jd3.updateWithNeo4jData(fff);
                        //     },
                        //     "script"
                        // )


                        break;
                }
            },
            onRelationshipDoubleClick: function (relationship) {
                console.log('double click on relationship: ' + JSON.stringify(relationship));
            },
            zoomFit: true
        });
    }

    window.onload = init;
</script>


</body>
</html>
